import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgComponent = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
  <svg
    xmlns='http://www.w3.org/2000/svg'
    xmlnsXlink='http://www.w3.org/1999/xlink'
    width={16}
    height={16}
    viewBox='0 0 16 16'
    fill='none'
    ref={ref}
    {...props}>
    <g opacity={1} transform='translate(0 0)'>
      <mask id='bg-mask-0' fill='white'>
        <use transform='translate(0 0)' xlinkHref='#path_0' />
      </mask>
      <g mask='url(#bg-mask-0)'>
        <path
          id='\u8DEF\u5F84 1'
          fillRule='evenodd'
          opacity={1}
          d='M3.3646 12.7849C4.64428 13.991 6.32274 14.5947 7.99983 14.5947C9.67692 14.5947 11.3554 13.991 12.6351 12.7849C15.1959 10.3713 15.1959 6.45949 12.6351 4.04724C11.3554 2.84112 9.67692 2.23741 7.99983 2.23741C6.59724 2.23741 5.19465 2.65962 4.02424 3.50275C3.95185 3.55424 3.84807 3.50661 3.84807 3.42166L3.84807 2.42406C3.84807 2.20523 3.75656 1.99541 3.59268 1.84095L3.16111 1.43548C3.09283 1.37112 2.97401 1.41617 2.97401 1.50885L2.97401 4.29695C2.97401 4.75135 3.36597 5.12078 3.84807 5.12078L6.7939 5.12078C6.89087 5.12078 6.94004 5.01007 6.87176 4.94443L6.44018 4.53767C6.2763 4.3832 6.05369 4.29695 5.82152 4.29695L4.68388 4.29695C4.57871 4.29695 4.53366 4.17081 4.61833 4.11161C5.00072 3.84386 5.41591 3.62375 5.86113 3.45383C6.54261 3.19382 7.26098 3.06123 7.99983 3.06123C8.73868 3.06123 9.45705 3.19382 10.1385 3.45383C10.8432 3.72286 11.4756 4.11933 12.0178 4.63035C12.5599 5.14137 12.9806 5.73735 13.266 6.40156C13.5419 7.04259 13.6812 7.71967 13.6812 8.41605C13.6812 9.11244 13.5405 9.78951 13.2647 10.4318C12.9792 11.096 12.5599 11.692 12.0164 12.203C11.4742 12.7141 10.8419 13.1105 10.1372 13.3796C9.45705 13.6396 8.73868 13.7709 7.99983 13.7709C7.26098 13.7709 6.54261 13.6383 5.86113 13.3783C5.15641 13.1092 4.52409 12.7141 3.9819 12.2017C3.43972 11.6907 3.01908 11.0947 2.73364 10.4305C2.45914 9.78951 2.31847 9.11244 2.31847 8.41605C2.31847 7.71967 2.45914 7.04259 2.73501 6.40027C2.78008 6.29601 2.82787 6.19303 2.87978 6.09135C2.91528 6.02312 2.86202 5.9446 2.78145 5.9446L2.59297 5.9446C2.21604 5.9446 1.87871 6.17243 1.76263 6.51098C1.02924 8.64904 1.56323 11.087 3.3646 12.7849ZM8.87389 6.40799L8.87389 8.82796C8.87389 9.28235 8.48193 9.65178 7.99983 9.65178L5.43228 9.65178C5.40225 9.65178 5.37766 9.6286 5.37766 9.6003L5.37766 8.87945C5.37766 8.85113 5.40225 8.82796 5.43228 8.82796L7.78132 8.82796C7.9015 8.82796 7.99983 8.73528 7.99983 8.62201L7.99983 6.40799C7.99983 6.37968 8.02441 6.3565 8.05446 6.3565L8.81925 6.3565C8.8493 6.3565 8.87389 6.37968 8.87389 6.40799Z'
        />
      </g>
    </g>
    <defs>
      <rect id='path_0' x={0} y={0} width={16} height={16} rx={0} ry={0} />
    </defs>
  </svg>
)
const ForwardRef = forwardRef(SvgComponent)
const Memo = memo(ForwardRef)
export default Memo
